<?php
$this->headLink()->appendStylesheet($this->baseUrl('widget/dataTable/css/dataTables.css'));
$this->headScript()->appendFile($this->baseUrl('widget/dataTable/js/jquery.dataTables.min.js'));
$this->headScript()->appendFile($this->baseUrl('widget/dataTable/js/initDataTables.js'));

$this->placeholder("navegacion")->set($this->navegacion($this->nav));

?>

<div class="buttons">
  <a href="<?php echo $this->baseUrl("reportes/index/actualizargestionpares");?>"><img src="<?php echo $this->baseUrl("img/action_add.gif")?>"/>Actualizar informaci&oacute;n de pares</a>
</div>

<div id="dt_example">
 <div id="container">
<table id="table_id" align="center" class="iceDatTbl zebra">
  <thead>
    <tr>
      <th>Nombre del par</th>
      <th>Datos personales</th>
      <th>Datos del usuario</th>
      <th>Formaci&oacute;n acad&eacute;mica</th>
      <th>Educaci&oacute;n continuada</th>
      <th>Formaci&oacute;n en procesos de evaluaci&oacute;n</th>
      <th>Trayectoria acad&eacute;mica - Docencia</th>
      <th>Ejercicio profesional</th>
      <th>Producci&oacute;n intelectual</th>
      <th>Premios y distinciones acad&eacute;micas</th>
      <th>Asociaciones cient&iacute;ficas, acad&eacute;micas ...</th>
      <th>Idiomas</th>
      <th>Informaci&oacute;n adicional</th>
    </tr>
  </thead>
 <tbody>
	<tr>
	<td colspan="13" class="dataTables_empty">Loading data from server</td>
	</tr>
 </tbody>
</table>
 </div>
</div>

<table  id="table_id2" align="center" class="iceDatTbl zebra">
 <tbody>
 </tbody>
</table>



<div id="count_info">

</div>

<script type="text/javascript">
$(function() {
	var oTable = $('#table_id').dataTable({
		"bJQueryUI": true,
		"bProcessing": true,
		"bServerSide": true,
		"sAjaxSource": baseUrl +"/reportes/index/paginacion",
		"oLanguage": { "sUrl": baseUrl + "/widget/dataTable/lang.es.txt" },
 		"sPaginationType": "full_numbers",
 	    "fnDrawCallback": function(oSettings ) {
 	    	$("#count_info").load(baseUrl +"/reportes/index/count", {sSearch : $( "input" ).val() }); //paramTipo es el parametro pasado por metodo POST
  	     },
		"fnServerParams": function ( aoData ) {
			 aoData.push( { "name": "listado", "value": "pares" } );
			 },
 	    "aoColumns": [
  	                 { "sWidth": "28%" },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false },
  	                 { "sWidth": "6%", "sClass": "elementButton", "bSortable": false }
  	             ]
	});
	
//	$('#table_id')
//	.bind('sort',   function () { eventFired( 'Sort' ); })
//	.bind('filter', function () { eventFired( 'Filter' );  alert("hola");})
//	.bind('page',   function () { eventFired( 'Page' ); })
//	.dataTable();
	
	//oTable.fnSetFilteringDelay();
	//oTable.fnCreateFilters([5]);
	//oTable.fnAssignFilterValues(2, [jsdrse])

});
</script>
